.container{display:block; width:100%; margin-top:80px;}

.container .company{display:block; max-width:1200px; margin:0 auto;}
.container .company .fl{width:45%;}
.container .company .fr{width:50%;}

.container .company .fl .title{display:block; background:url(../images/line.jpg) no-repeat left top;}
.container .company   .fadeInUp{visibility: hidden;animation:none 1.3s ease 1s 1 normal forwards; -moz-animation:none 1.3s ease 1s 1 normal forwards; -o-animation:none 1.3s ease 1s 1 normal forwards; -webkit-animation:none 1.3s ease 1s 1 normal forwards;}
.container .company .fl .title .en{display:block; line-height:50px; font-size:46px; color:#282828; font-family:DINCondensedc,Impact,Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:25px;}
.container .company .fl .title h4{display:block;line-height:30px; font-size:28px; color:#282828;  font-weight:normal;}
.container .company .fl .con{display:block; font-size:14px; line-height:26px; padding-top:25px;}
.container .company .fl .con .more{display:block; width:94%; height:48px; background:#000064 url(../images/ar.png) no-repeat 97% center; color:#fff; line-height:48px; font-size:15px; padding:0% 3%; margin-top:20px;}

.container .company  .fr .gs{display:block; width:100%;}
.container .company  .fr .gs img{display:block; width:100%;}
.container .company  .fr ul{display:block; width:100%; margin-top:20px;}
.container .company  .fr ul li{float:left; width:33.3%;font-size:16px; line-height:30px; color:#282828; text-align:center;position:relative; z-index:2; left:0; top:0;}
.container .company  .fr ul li span{display:block; width:100%; line-height:70px; text-align:center; color:#000064; font-size:64px; font-style:normal; font-family:DINCondensedc,Impact,Arial, Helvetica, sans-serif;}
.container .company  .fr ul li  i{font-style:normal; line-height:30px;font-size:34px; position:absolute; left:70%; top:30px; z-index:5;color:#000064;}

.container .products{display:block; width:100%; background:#f4f4f4;margin-top:80px;}
.container .products .fadeInUp{visibility:hidden;animation:none 1.3s ease 1s 1 normal forwards; -moz-animation:none 1.3s ease 1s 1 normal forwards; -o-animation:none 1.3s ease 1s 1 normal forwards; -webkit-animation:none 1.3s ease 1s 1 normal forwards;}
.container .products .inner{display:block; padding:80px 0px; }
.container .products .inner .title{display:block; width:100%;}
.container .products .inner .title h4{display:block; line-height:50px; font-size:38px; color:#282828; font-weight:normal;}
.container .products .inner .title .more{float:right; font-size:15px; line-height:30px; padding-right:28px; background:url(../images/arrow.png) no-repeat right center; height:30px;  margin-top:10px;}
.container .products .inner .title .more:hover{background:url(../images/arrowh.png) no-repeat right center;}
.container .products .inner .con{display:block; padding-top:30px;}
.container .products .inner .con ul{display:block; width:100%;}
.container .products .inner .con ul li{float:left; width:33.1%; margin-right:0.2%;transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; margin-bottom:0.3%;}
.container .products .inner .con  ul  .fadeInUp{visibility:hidden;animation:none 1.3s ease 1s 1 normal forwards; -moz-animation:none 1.3s ease 1s 1 normal forwards; -o-animation:none 1.3s ease 1s 1 normal forwards; -webkit-animation:none 1.3s ease 1s 1 normal forwards;}
.container .products .inner .con ul li:hover{transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -webkit-transform:translate(0,-5px); } 
.container .products .inner .con ul li a{display:block; width:100%; position:relative; z-index:2; left:0; top:0;}
.container .products .inner .con ul li a img{display:block; width:100%;}
.container .products .inner .con ul li a .tit{display:block; position:absolute; left:0; bottom:0; z-index:5; padding:0% 3%;padding-top:137px; height:50px; line-height:50px; background:url(../images/black.png) repeat-x right bottom; width:94%; }
.container .products .inner .con ul li a .tit i{float:left; line-height:50px; font-size:20px; color:#fff; font-style:normal; }
.container .products .inner .con ul li a .tit .moret{float:right; width:23px; height:23px; line-height:23px; text-align:center; border:1px solid #fff; background:url(../images/ar.png) no-repeat center center;margin-top:12px;}
.container .products .inner .con ul li a:hover .tit{background:url(../images/blue.png) repeat-x right bottom;}


.container .application{display:block; width:100%;  background:url(../images/application_bg.jpg) no-repeat center top;}
.container .application .inner{display:block; padding:80px 0px;}
.container .application .inner .title{display:block;}
.container .application .fadeInUp{visibility: hidden;animation:none 1.3s ease 1s 1 normal forwards; -moz-animation:none 1.3s ease 1s 1 normal forwards; -o-animation:none 1.3s ease 1s 1 normal forwards; -webkit-animation:none 1.3s ease 1s 1 normal forwards;}
.container .application .inner .title h4{display:block; line-height:50px; font-size:42px; font-weight:normal; color:#fff; }
.container .application .inner .title .tip{display:block; line-height:40px; font-size:24px; color:#fff; }
.container .application .inner .con{display:block; padding-top:40px;}
.container .application .inner .con ul{display:block; width:100%;}
.container .application .inner .con ul li{float:left; width:25%;}
.container .application .inner .con ul li a{display:block; width:100%; background:#000; position:relative; z-index:2; left:0; top:0; }
.container .application .inner .con ul li a .pic{display:block;width:100%;opacity:0.5;  filter: alpha(opacity=50);}
.container .application .inner .con ul li a:hover{background:#2f2fce;}

.container .application .inner .con ul li .detail{display:block; position:absolute; left:0; top:20%; width:100%; z-index:8; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s;  -moz-transition:all .7s linear 0s;  -o-transition:all .7s linear 0s;  }
.container .application .inner .con ul li .detail .icon{display:block; padding-bottom:40px;}
.container .application .inner .con ul li .detail .icon img{display:block; width:auto; margin:0 auto;}
.container .application .inner .con ul li .detail i{display:block; line-height:40px;font-size:24px; color:#fff; font-style:normal; text-align:center;font-weight:bold;background:url(../images/line3.jpg) no-repeat center top; padding-top:30px;}
.container .application .inner .con ul li a:hover .detail{top:10%; }


.container .news{display:block; width:100%; background:url(../images/case_bg.jpg) no-repeat center top;}
.container .news .inner{display:block; padding:70px 0px;}
.container .news .title{display:block;}
.container .news .fadeInUp{visibility:hidden;animation:none 1.3s ease 1s 1 normal forwards; -moz-animation:none 1.3s ease 1s 1 normal forwards; -o-animation:none 1.3s ease 1s 1 normal forwards; -webkit-animation:none 1.3s ease 1s 1 normal forwards;}
.container .news .title h4{display:block; line-height:50px; font-size:38px; color:#282828; font-weight:normal; }
.container .news .title .more{float:right; font-size:15px; line-height:30px; padding-right:28px; background:url(../images/arrow.png) no-repeat right center; height:30px;  margin-top:10px;}
.container .news .con{display:block; width:94%;padding:3% 3%;  background:#fff;margin-top:20px;}
.container .news .con .fl{width:35%;}
.container .news .con .fr{width:60%;}

.container .news .con .fl .rescommend{display:block; width:100%;}
.container .news .con .fl .rescommend .ns{display:block; width:100%; position:relative; z-index:2; left:0; top:0; height:220px; overflow:hidden;}
.container .news .con .fl .rescommend .ns img{display:block; width:100%;}
.container .news .con .fl .rescommend .ns .time{display:block; position:absolute; left:0; bottom:0; z-index:8; width:66px; height:66px; background:#000064;}
.container .news .con .fl .rescommend .ns .time .d{display:block; line-height:40px; font-size:26px; color:#fff; text-align:center; }
.container .news .con .fl .rescommend .ns .time .yy-m{display:block; line-height:20px; font-size:14px; text-align:center; color:#fff;}
.container .news .con .fl .rescommend .tit{display:block; line-height:40px; font-size:24px; color:#282828; padding-top:25px;}
.container .news .con .fl .rescommend .detail{display:block; font-size:14px; line-height:24px; padding-top:11px;}
.container .news .con .fl .rescommend .moret{display:block;width:93%;padding:0% 3%;height:42px; border:1px solid #b4b3b3;line-height:42px;font-size:14px; margin-top:15px; background:url(../images/ar2.png) no-repeat 97% center;}
.container .news .con .fl .rescommend .moret:hover{ border:1px solid #000064;color:#fff; background:#000064 url(../images/ar.png) no-repeat 97% center;}

.container .news .con .fr dd{display:block; width:100%; padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #e1e1e1; position:relative; z-index:2; left:0; top:0; }
.container .news .con .fr dd .time{display:block; width:100px;background:#f1f1f1;height:30px; line-height:30px; font-size:14px; text-align:center;position:absolute; z-index:4; left:0; top:0;}
.container .news .con .fr dd .wz{margin-left:130px;  }
.container .news .con .fr dd .wz .tit{display:block; line-height:30px; color:#282828; font-weight:normal; font-size:18px; }
.container .news .con .fr dd .wz .detail{display:block; font-size:14px; line-height:24px;padding-top:7px;}

@keyframes fadeInM
{
0%{ opacity:0;
   -webkit-transform:translate3d(0,40%,0);
   transform:translate3d(0,40%,0)}
100%{opacity:1;
    -webkit-transform:none;
	transform:none;}
}

-webkit-@keyframes fadeInM
{
0%{ opacity:0;
   -webkit-transform:translate3d(0,40%,0);
   transform:translate3d(0,60%,0)}
100%{opacity:1;
    -webkit-transform:none;
	transform:none;}
}

-o-@keyframes fadeInM
{
0%{ opacity:0;
   -webkit-transform:translate3d(0,40%,0);
   transform:translate3d(0,40%,0)}
100%{opacity:1;
    -webkit-transform:none;
	transform:none;}
}